<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>唱片</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/record.css">

</head>

<body>
    <div class="box">
		<!-- 菜单 -->
		<div class="menu">
			<div class="menu-left">
				<h1><a href="record.html">清风图书</a></h1>
			</div>
			<div class="menu-right">
				<ul>
					<li><a href="index.html">首页</a></li> 
					<!-- <li><a href="#">图书榜单</a></li> -->
					<li><a href="classify.html">男生阅读</a></li>
					<li><a href="record.html">女生阅读</a></li>
				    <!-- <li><a href="mianfeitushu.html">免费图书</a></li> -->
					<li><a href="charts.html">排行榜</a></li>
					<li><a href="longin.html">登录</a></li>
                    <li><a href="register.html">注册</a></li>
                    <li><a href="../d.html">个人介绍</a></li>  
					<li><input type="search" class="search" value="请输入搜索"><input type="button" class="button" value="搜索"></li>
					
				</ul>
			</div>
		</div>


        <!-- <iframe src="/music.html" frameborder="0"></iframe> -->
        <!-- 图书 模块 -->
        <div class="music-sort">
            <h2>好书推荐</h2>
            <ul>
                <li><a href="#"><img src="../img/113" alt=""></a></li>
                <li><a href="#"><img src="../img/34.jpg" alt=""></a></li>
                <li><a href="#"><img src="../img/36.jpg" alt=""></a></li>
                <li><a href="#"><img src="../img/114" alt=""></a></li>
                <li><a href="#"><img src="../img/115" alt=""></a></li>
                <li><a href="#"><img src="../img/112" alt=""></a></li>
            
            </ul>

            <ul>
                <li><a href="#"><img src="../img/50.jpg" alt=""></a></li>
                <li><a href="#"><img src="../img/51.jpg" alt=""></a></li>
                <li><a href="#"><img src="../img/52.jpg" alt=""></a></li>
                <li><a href="#"><img src="../img/53.jpg" alt=""></a></li>
                <li><a href="#"><img src="../img/116" alt=""></a></li>
                <li><a href="#"><img src="../img/80.jpg" alt=""></a></li>
             
            </ul>
        </div>
        <!-- 图书分类 模块 -->


        <!-- 分割线 -->

        <!-- 书籍模块 -->
        <div class="mode-box">
            <div class="mode-box-t">
                <h1>现代文学</h1>
            </div>

            <div class="mode-box-con">
                <ul class="mode-box-con-ul">
                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/99" alt="">
                            <span>《青眉抄》</span>
                            <p>播放量：97.2万</p>
                        </a>
                    </li>

                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/02" alt="">
                            <span>《人间逍遥客》</span>
                            <p>播放量：84.2万</p>
                        </a>
                    </li>

                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/01" alt="">
                            <span>《改变自己》</span>
                            <p>播放量：90.2万</p>
                        </a>

                        <li class="light-music-ul-li">
                            <a href="#">
                                <img src="../img/94" alt="">
                                <span>《戴望舒》</span>
                                <p>播放量：84.2万</p>
                            </a>
                        </li>
                    </li>

                </ul>

                <ul class="mode-box-con-ul">
                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/33.jpg" alt="">
                            <span>《皮囊》</span>
                            <p>播放量：85.6万</p>
                        </a>
                    </li>

                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/95" alt="">
                            <span>《好人宋没用》</span>
                            <p>播放量：82.6万</p>
                        </a>
                    </li>

                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/96" alt="">
                            <span>《霍比特人》</span>
                            <p>播放量：80.2万</p>
                        </a>
                    </li>
                    <li class="light-music-ul-li">
                        <a href="#">
                            <img src="../img/98"  alt=" ">
                            <span>《雪国》</span>
                            <p>播放量：79.3万</p>
                        </a>
                    </li>

                </ul>

              
            </div>

        </div>



       

        <!-- 历史 模块 -->
        <div class="mode-box">
            <div class="mode-box-t">
                <h1>历史</h1>
            </div>
            <div class="mode-box-con">
                <ul class="mode-box-con-ul">
                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/03" alt="">
                            <span>《人类群星闪耀时》</span>
                            <p>播放量：96.9万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/04" alt="">
                            <span>《人类简史》</span>
                            <p>播放量：95.3万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/05" alt="">
                            <span>《史记》</span>
                            <p>播放量：93.2万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/06" alt="">
                            <span>《全球通史》</span>
                            <p>播放量：87.9万</p>
                        </a>
                    </li>
                </ul>


                <ul class="mode-box-con-ul">
                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/07" alt="">
                            <span>《两汉两罗马》</span>
                            <p>播放量：5492.9万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/08" alt="">
                            <span>《近代中国史》</span>
                            <p>播放量：85.3万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/09" alt="">
                            <span>《西方哲学史》</span>
                            <p>播放量：81.9万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/011" alt="">
                            <span>《世界文化史》</span>
                            <p>播放量：79.5万</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 历史 模块 -->
        <!-- 经典名著 模块 -->
        <div class="mode-box">
            <div class="mode-box-t">
                <h1>经典名著</h1>
            </div>
            <div class="mode-box-con">
                <ul class="mode-box-con-ul">
                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/002" alt="">
                            <span>《理想国》</span>
                            <p>播放量：100.9万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/003" alt="">
                            <span>《管子》</span>
                            <p>播放量：98.9万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/005" alt="">
                            <span>《巴黎圣母院》</span>
                            <p>播放量：93.5万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/006" alt="">
                            <span>《双城记》</span>
                            <p>播放量：89.9万</p>
                        </a>
                    </li>
                </ul>


                <ul class="mode-box-con-ul">
                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/007" alt="">
                            <span>《飘》</span>
                            <p>播放量：87.5万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/008" alt="">
                            <span>《金银岛》</span>
                            <p>播放量：85.3万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/110" alt="">
                            <span>《瓦尔登湖》</span>
                            <p>播放量：81.9万</p>
                        </a>
                    </li>

                    <li class="ancient-music-li">
                        <a href="#">
                            <img src="../img/111" alt="">
                            <span>《鲁滨孙漂流记》</span>
                            <p>播放量：79.5万</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>



        <!-- 友情链接 -->
        <div class="links">
            <dl>
                <dt>图文解析</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
          
            </dl>

            <dl>
                <dt>图文解析</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
        
            </dl>

            <dl>
                <dt>图文解析</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
    
            </dl>

            <dl>
                <dt>图文解析</dt>
                <dd>下载相关</dd>
                <dd>服务中心</dd>
          
            </dl>
        </div>
        <!-- 友情链接 -->


        <!-- 版权 -->
        <div class="banquan">
            <i>&copy;版权归 19级计算机1班 零征英 201980050001享有 盗版必究！</i>
        </div>
        <!-- 版权 -->
        

    </div>
</body>

</html>